*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
ol,ul{
	list-style:none;
}
a{
	text-decoration:none;
	color:#000;
}
input{
	outline: none;
	color: #cccccc;
}
$active:#0971ce;
$bgcolor:#fafafa;
@mixin pos($rel:relative){
	position:$rel;
}
.personal_center_wrapper{
	width: 100%;
}
.personal_center_top{
	width: 100%;
	height: 33px;
	background: url(../img/top.png) no-repeat center center;
	background-size: cover;
}
.personal_center_box{
	width: 1146px;
	margin: 0 auto;
}
.personal_center_logo{
	width: 1146px;
	height: 72px;
	.logo{
		float: left;
		padding-top: 10px;
	}
	.words{
		float: left;
		padding-top: 27px;
		font-family: MicrosoftYaHei-Bold;
		font-size: 20px;
		color: #0971ce;
		font-weight: bold;
		padding-left: 8px;
	}
	.search{
		float: right;
		padding-top: 19px;
		position: relative;
		.search_icon{
			position: absolute;
			right: 6px;
			top: 27px;
			width: 16px;
			height: 16px;
			background:url(../img/search.png) no-repeat center center;
			background-size: cover; 
		}
		input{
			width: 260px;
			height: 30px;
			border: 1px solid #cccccc;
			border-radius: 3px;
			padding-left: 12px;
			line-height: 28px;
			font-size: 12px;
			color: #ccc;
		}
	}
}
.personal_center_content{
	width: 100%;
}
.nav{
		width: 127px;
		height: 857px;
		float: left;
  		background: -webkit-gradient(linear, 0 0, 0 100%, from(#536cc7), to(#7d51c3));
		background: -moz-linear-gradient(top, #536cc7, #7d51c3);
		background: -o-linear-gradient(top, #536cc7, #7d51c3);
		background: -ms-linear-gradient(#536cc7 0%,#7d51c3 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#536cc7',endColorstr='#7d51c3',grandientType=1);
    	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#536cc7',endColorstr='#7d51c3',grandientType=1);
}
.navList{
	li{
			width: 100%;
			height: 72px;
			line-height: 72px;
			font-family: MicrosoftYaHei-Bold;
			font-size: 14px;
			font-weight: bold;
			padding-left: 25px;
			color: #ffffff;
			position: relative;
	}
	li.active{
			background:rgba(000,000,000,0.15);
			&:after{
				content:url(../img/rightArrow.png);
				position: absolute;
				width: 8px;
				height: 72px;
				line-height: 72px;
				right: 20px;
				top: 0;
			};
	}
}
.detail{
	width: 1000px;
	height: 857px;
	float: right;
	@include pos;
	.detail_list{
		width:100%;
		height:100%;
		@include pos(absolute);
		left:0;
		top:0;
		display:none;
	}
	.detail_my{
		display:block;
	}
}
.detail_my{
	.detail_my_nav{
		width: 100%;
		height: 38px;
		padding-left: 18px;
		padding-left:0\9;
		background:$bgcolor;
		margin-bottom: 10px;
		margin-bottom:10\9;
		.detail_my_list{
			float: left;
			margin-left:18px\9;
			li{
				width: 85px;
				height: 38px;
				line-height: 38px;
				font-family: MicrosoftYaHei-Bold;
				font-size: 14px;
				color: #808080;
				float: left;
				font-weight: bold;
			}
			li.active{
				color:$active;
			}
		}
		.detail_my_refresh{
			float: right;
			height: 38px;
			p{
				float:left;
				font-size:0;
			}
			.detail_my_inp{
				width: 196px;
				height:38px;
				margin-right:6px;
				input{
					width: 196px;
					height:29px;
					line-height:29px;
					font-size:14px;
					border:none;
					background:$bgcolor;
					border-bottom: 1px solid #cccccc;
				}
			}
			.detail_my_ref{
				width:48px;
				height:38px;
				@include pos;
				span{
					font-size:12px;
					line-height:38px;
					color: #0971ce;
					font-family: MicrosoftYaHei;
				}
				i{
					@include pos(absolute);
					width: 14px;
					height: 12px;
					right: 7px;
					bottom:13px;	
				}
			}				
		}
	}
}
.detail_my_figure{
	width: 100%;
	height: 99px;
	background:$bgcolor;
	margin-bottom: 10px;
	.detail_my_figurebox{
		width: 100%;
		height:100px;
		.detail_my_figurelist{
			width:249px;
			height:100px;
			font-size:0;
			float: left;	
			display:inline;
			border-right: 1px solid #f0f0f0;
			padding-left:18px;
			padding-left:0\9;
			h3{
				padding-top: 20px;
				font-size: 18px;
				font-family: MicrosoftYaHei-Bold;
				color: #4d4d4d;
				margin-left:18px\9;
			}
			dl{
				padding-top: 10px;
				margin-left:18px\9;
				&.red{
					dt{
						color: #f23535;
					}
					dd{
						color: #f23535;
					}	
				}
			}
			dt{
				float: left;
				font-family: MicrosoftYaHei-Bold;
				font-size: 32px;
				color: #01a327;
				padding-right: 14px;
				padding-right:14px\9;
				font-weight: bold;
			}
			dd{
				float: left;
				color: #01a327;
				font-size: 12px;
				font-family: MicrosoftYaHei;
				p{
					line-height: 16px;
				}
			}
		}
		.detail_my_figurelast{
			border-right:none;
		};
	}	
}
.detail_my_goods{
	.detail_my_goodsnav{
		width: 100%;
		height: 40px;
		border-top: 1px solid #edf0f2;
		border-bottom: 1px solid #edf0f2;
		background: #f7fafc;
		span{
			float: left;
			line-height: 38px; 
			font-family: MicrosoftYaHei;
			font-size: 14px;
			color: #999999;
		}
		span.all{
			text-align: left;  
			padding-left: 18px;
			width:88px;
			i{
				padding-left: 10px;
			}
		}
		span.current{
			width:50px;
			margin-left:40px;
			text-align:center; 
		}
		span.up{
			width:90px;
			margin-left:38px;
			text-align:right;
		}
		span.change{
			width:48px;
			margin-left:80px;
			text-align:center;     
		}
		span.get{
			width:48px;
			margin-left:68px;
			text-align:center;    
		}
		span.price{
			width:75px;
			margin-left:60px;
			text-align:center;         
			
		}
		span.collect_up{
			width:100px;
			margin-left:50px;
			text-align:center; 
		}
		span.operate{
			width:92px;
			margin-left:34px;
			text-align:right;

		}
	}
	.detail_my_goodsitem{
		width: 100%;
		height:48px;
		border-bottom: 1px solid #edf0f2;
		&:after{
			content:"";
			display: block;
			width: 0;
			height: 0;
			overflow: hidden;
			clear: both;
		};			
		span{
			float: left;
			line-height:23px;
			font-family: MicrosoftYaHei-Bold;
			font-size: 14px;
			color: #4d4d4d;
		}
		span.all{
			text-align: left;  
			padding-left: 18px;
			width:88px;
			i{
				padding-left: 10px;
			}
		}
		span.current{
			width:50px;
			margin-left:40px;
			text-align:center; 
		}
		span.up{
			width:90px;
			margin-left:38px;
			text-align:center;
		}
		span.change{
			width:48px;
			margin-left:80px;
			text-align:center; 
		}
		span.get{
			width:48px;
			margin-left:68px;
			text-align:center;   
		}
		span.price{
			width:75px;
			margin-left:60px;
			text-align:center;         	
		}
		span.collect_up{
			width:100px;
			margin-left:50px;
			text-align:center; 
		}
		span.operate{
			width:92px;
			margin-left:44px;
			text-align:center; 
		}
		span.blue{
			color:#0576da;
			a{
				color:#0576da;
			}
		}
		span.green{
			color:#009933;
		}
		span.red{
			color: #f23535;
		}
		.item_top{
			span.all{		
				text-align:left;
			}
		}
		.item_bottom{
			font-size:14px; 
			span{
				padding-left:18px;	
				text-align:left;
				margin-left:18px\9;
				padding-left:0\9;		
			}
			i{
				display: inline-block;
				width: 20px;
				height: 14px;
				line-height: 14px;
				border-radius: 2px;
				background: #b7b7b7;
				font-style: normal;
				font-size: 12px;
				margin-right: 4px;
				color: #fff;
				text-align: center;
			}
			b{
				font-weight: normal;
				color:#808080;
				font-size:14px;
			}	
		}
	}
	.detail_goods_ls{
		background: #f7fafc;
	};
}
.detail_my_info{
	width:100%;
	.hot_title{
		font-family: MicrosoftYaHei-Bold;
		font-weight:bold;
		padding-left:18px;
		font-size: 16px;
		color: #333333;
		margin:24px 0 6px 0;
	}
	.detail_myinfo_list{
		.detail_myinfo_item{
			width: 490px;
			height: 62px;
			background: #f7fafc;
			padding-left: 18px;
			padding-left:0\9;
			padding-top: 12px;
			margin-top: 10px;
			float:left;
			display:inline;
			font-size:0;
			&.detail_myinfo_ser{
				margin-right:20px;
				margin-right:20px\9;
				margin-right:0\*;
			};
		}
	}
	.detail_info_time{
		font-family: MicrosoftYaHei;
		font-size: 14px;
		color: #999999;
		margin-left:18px\9;
		b{
			font-weight: normal;
			padding-right: 30px;
		}
		span{
			padding-right: 15px;
		}
	}
	.detail_info_message{
		padding-top: 10px;
		margin-left:18px\9;
		a{
			font-family: MicrosoftYaHei;
			font-size: 16px;
			color: #4d4d4d;
		}
	}
}
.detail_zklive_nav{
	width: 100%;
	height: 40px;
	padding-left: 16px;
	padding-left:0\9;
	background: #fafafa;
	.detail_zklive_navlist{
		float: left;
		margin-left:16px\9;
		li{
			height: 40px;
			line-height: 40px;
			font-family: MicrosoftYaHei-Bold;
			font-size: 16px;
			color: #808080;
			float: left;
			font-weight: bold;
			margin-right:40px;
		}
		li.active{
			color: #0971ce;
		}
	}
	.detail_zklive_refresh{
		float: right;
		height: 40px;
		padding-right:25px\9;
		position: relative;
		span{
			font-family: MicrosoftYaHei-Bold;
			font-size: 12px;
			height: 40px;
			line-height:40px;
			float: right;
			margin-right:25px;
			margin-right:0\9;
			color: #0971ce;
			font-weight: bold;
		}
		i{
			position: absolute;
			width: 13px;
			height: 13px;
			right:8px;
			top:13px;
		}
	}
}
.detail_title{
	width: 100%;
	height: 48px;
	padding-left: 16px;
	.detail_title_list{
		float:left;
		li{
			line-height:48px;
			color:#0971ce;
			font-family: MicrosoftYaHei-Bold;
			font-size: 16px;
			color: #808080;
			float: left;
			margin-right:19px;
		}
		li.bg{
				color:$active;
		}
	}
}
.detail_cont{
	width:100%;
	.detail_cont_list{
		width:320px;
		height:266px;
		padding:24px 16px 0 18px;
		padding:0\9;
		background:#fafafa;
		display:inline;
		float:left;
		margin:0 20px 20px 0;
		h3{
			font-size:16px;
			line-height:22px;
			margin-bottom:38px;
			margin:24px 16px 38px 18px\9;
		}
		p{
			font-size:14px;
			margin-bottom:14px;
			margin-left:18px\9;
			color:#666666;
		}
		p.detail_tic{
			margin:0;
			margin-left:18px\9;
		}
		.detail_cont_action{
			margin-top:24px;
			margin-left:18px\9;
			span{
				float:left;
				font-size:16px;
				color:#fe7e7e;
				line-height:32px;
			}
			a{
				float:right;
				color:#546cc7;
				width:90px;
				height:32px;
				border:1px solid #546cc7;
				text-align:center;
				line-height:32px;
				font-size:16px;
				margin-right:16px\9;
			}
		}
	}
	.detail_del{
		margin-right:0;
	}
	.detail_db{
		h3{
			line-height:22px;
			margin-bottom:16px;
		}
	}
}
.detail_dopes_nav{
	width: 100%;
	height: 40px;
	padding-left: 18px;
	background:$bgcolor;
	margin-bottom:10px;
	.detail_dopes_navlist{
		li{
			height: 40px;
			line-height: 40px;
			font-family: MicrosoftYaHei-Bold;
			font-size: 16px;
			color: #808080;
			float: left;
			font-weight: bold;
			margin-right:40px;
		}
		li.active{
			color:$active;
		}
	}
}
.deatil_dopes_cont{
	width:100%;
	@include pos;
	.detail_dopes_contlist{
		width:100%;
		@include pos(absolute);
		leftt:0;
		top:0;
		display:none;
	}
	.detail_dopes_frlist{
		display:block;
	}
}
.detail_dopes_list{
	width:100%;
	li{
			height:50px;
			width:100%;
	}
	li:first-child{
		height:38px;
	}
	.detail_dopes_title{
			height:38px;			
			p{
				float:left;
				margin:0 20px 0 18px;
				line-height:38px;
				font-size:14px;						
				color:#999;
			}
	}	
	li.detail_bg{
			background:#f7fafc;
			border-bottom:1px solid #edf0f2;
	}
	.detail_title_list_conts{
			height:50px;
			p{
				margin:0 20px 0 20px;
				line-height:50px;
				float:left;
			}
			p.detail_ckBox{
				position: relative;
        		label{
        		  	position: absolute;
        		  	width:18px;
        		  	height:18px;
              		background: url(../img/Backup/checked.png) no-repeat;
              		left:0;
              		top:16px;
              		top:16px\9;
        		  }
        		  input{
        		  	width:18px;
        		  	height:18px;
        		  	opacity:0;
        		  	visibility: hidden;
        		  }
			}
			p.detail_num{
				width:28px;
				text-align:center;		
			}
			p.detail_txt{
				margin-right:0;
				font-size:14px;	
			}
	}	
}
.detail_collect{
	width: 100%;
	height: 39px;
	padding-left: 18px;
	padding-left:0\9;
	background: #fafafa;
	margin-bottom:10px;
	.detail_collect_title{
		float:left;
		font-size:14px;
		color:#536dc7;
		font-family: MicrosoftYaHei-Bold;
		font-weight:bold;
		line-height:40px;
		margin-left:18px\9;
		height:40px;
		span{
			font-size:14px;
			color:#536dc7;
			font-family: MicrosoftYaHei-Bold;
			font-weight:bold;
			line-height:40px;
			height:40px;
		}
	}
	.detail_collect_refresh{
		float: right;
		height: 38px;
		p{
			float:left;
			font-size:0;
		}
		.detail_collect_inp{
			width: 196px;
			height:38px;
			margin-right:6px;
			position:relative;
			input{
				width: 196px;
				height:29px;
				line-height:29px;
				font-size:12px;
				border:none;
				background:#fafafa;
				border-bottom: 1px solid #cccccc;
			}
			i{
				position: absolute;
				width: 16px;
				height: 16px;
				right:0;
				bottom:13px;
			}
		}
		.detail_collect_ref{
			width:48px;
			height:38px;
			position:relative;
			span{
				font-size:12px;
				line-height:38px;
				color: #0971ce;
				font-family: MicrosoftYaHei;
			}
			i{
				position: absolute;
				width: 14px;
				height: 12px;
				right: 7px;
				bottom:13px;	
			}
		}		
	}
}
.detail_collect_conts{
	.detail_collect_list{
		width:100%;
		li{
			height:50px;
			width:100%;
		}
		li:first-child{
			height:38px;
		}
	}
	.detail_collect_title{
		float:left;
		height:38px;
		p{
			float:left;
			line-height:38px;
			font-size:14px;						
			color:#999999;
			margin:0 20px 0 18px;
		}
	}
	.detail_collect_time{
		float:right;
		margin-right:34px;
		width:120px;
		span{
			font-size:14px;
			color:#999;
			line-height:38px;
		}
	}
}
.detail_bg{
	background:$bgcolor;
}
.detail_collect_contlist{
	float:left;
	p{
		margin:0 20px 0 18px;
		line-height:50px;
		float:left;
		font-size:14px;
		color:#686c74;
	}
	p.detail_num{
				width:28px;
				text-align:center;		
			}
			p.detail_txt{
				margin-right:0;
				font-size:14px;	
			}
}
.detail_time_list{
	float:right;
	margin-right:34px;
	width:120px;
	span{
		line-height:50px;
		font-size:14px;
		color:#686c74;
	}
}
.detail_news{
	width: 100%;
	height: 39px;
	padding-left: 18px;
	padding-left:0\9;
	background: #fafafa;
	margin-bottom:10px;
	.detail_news_title{
		float:left;
		line-height:39px;
		color:#536dc7;
		font-size:14px;
		font-weight: bold;
	}
	.detail_news_del{
		float:right;
		margin-right:10px;
		line-height:39px;
		color:#0971ce;
		font-size:14px;
	}
}
.detail_news_conts{
	.detail_news_list{
		width:100%;
		li{
			height:50px;
			width:100%;
		}
		li:first-child{
			height:38px;
		}
	}
	.detail_news_title{
		float:left;
		height:38px;
		p{
			float:left;
			line-height:38px;
			font-size:14px;						
			color:#999999;
			margin:0 20px 0 18px;
		}
	}
	.detail_news_time{
		float:right;
		margin-right:34px;
		width:120px;
		span{
			font-size:14px;
			color:#999;
			line-height:38px;
		}
	}
}
.detail_active{
	background:$bgcolor;
}
.detail_news_contlist{
	float:left;
	p{
		margin:0 20px 0 18px;
		line-height:50px;
		float:left;
		font-size:14px;
		color:#686c74;
	}
	p.detail_num{
				width:28px;
				text-align:center;		
			}
			p.detail_txt{
				margin-right:0;
				font-size:14px;	
			}
}
.detail_news_timelist{
	float:right;
	margin-right:34px;
	width:120px;
	span{
		line-height:50px;
		font-size:14px;
		color:#686c74;
	}
}
.detail_follew{
	width: 100%;
	height: 39px;
	padding-left: 18px;
	padding-left:0\9;
	background: #fafafa;
	margin-bottom:10px;
	.detail_follew_list{
		float:left;
		font-size:14px;
		color:#536dc7;
		font-family: MicrosoftYaHei-Bold;
		font-weight:bold;
		line-height:40px;
		margin-left:18px\9;
		height:40px;
		span{
			font-size:14px;
			color:#536dc7;
			font-family: MicrosoftYaHei-Bold;
			font-weight:bold;
			line-height:40px;
			height:40px;
		}
	}
	.detail_follew_refresh{
		float: right;
		height: 38px;
		p{
			float:left;
			font-size:0;
		}
		.detail_follew_inp{
			width: 196px;
			height:38px;
			margin-right:6px;
			position:relative;
			input{
				width: 196px;
				height:29px;
				line-height:29px;
				font-size:14px;
				border:none;
				background:#fafafa;
				border-bottom: 1px solid #cccccc;
			}
			i{
				position: absolute;
				width: 16px;
				height: 16px;
				right:0;
				bottom:13px;
			}
		}
		.detail_follew_ref{
			width:48px;
			height:38px;
			position:relative;
			span{
				font-size:12px;
				line-height:38px;
				color: #0971ce;
				font-family: MicrosoftYaHei;
			}
			i{
				position: absolute;
				width: 14px;
				height: 12px;
				right: 7px;
				bottom:13px;	
			}		
		}
	}
}
.detail_follew_title{
		width:100%;
		.detail_follew_list{
			li{
				height:50px;
				width:100%;
			}
			li:first-child{
				height:38px;
			}
			.detail_cont{
				height:38px;
				p{
					float:left;
					line-height:38px;
					font-size:14px;						
					color:#686c74;
				}
				p.detail_cont_num{
					margin-left:18px;
				}
				p.detail_cont_user{
					margin-left:38px;
				}
				p.detail_cont_txt{
					margin-left:60px;
				}
				p.detail_cont_Ntxt{
					margin-left:40px;
				}
				p.detail_cont_live{
					margin-left:250px;
				}
				p.detail_cont_Nlive{
					margin-left:40px;
				}
				p.detail_cont_init{
					margin-left:250px;
				}
			}
			.detail_conts{
				span{
					float:left;
					line-height:50px;
					font-size:14px;						
					color:#686c74;
					font-family: MicrosoftYaHei;
				}
				span.detail_conts_num{
					width:28px;
					text-align:center;
					margin-left:18px;

				}
				span.detail_conts_user{
					width:65px;
					margin-left:38px;
					
				}
				span.detail_conts_txt{
					width:28px;
					margin-left:38px;
					margin-left:38px\9;
					text-align:center;
				}
				span.detail_conts_Ntxt{
					width:280px;
					margin-left:40px;
				}
				span.detail_conts_live{
					width:28px;
					text-align:center;
					margin-left:24px;
				}
				span.detail_conts_Nlive{
					margin-left:40px;
				}
				span.detail_conts_init{
					margin-left:50px;
					color:#0971ce;
					font-size:14px;
					
				}
			}	
			li.detail-active{
				background:#f7fafc;
				border-bottom:1px solid #edf0f2;
			}
		}
	}
